<template>
	<n-space vertical size="large">
		<n-breadcrumb>
			<n-breadcrumb-item  @click="props.showDetail(null)">
				<n-icon :component="Left" />&nbsp;回到班级列表
			</n-breadcrumb-item>
		</n-breadcrumb>
		<student-list :classId="props.id"></student-list>
	</n-space>
</template>

<script setup>
import Left from '@@/icons/left'
import StudentList from '@/views/student/list'
const props = defineProps(['showDetail', 'id'])
</script>

<style scoped lang="scss">
.n-breadcrumb-item {
	cursor: pointer;
	&:hover {
		::v-deep .n-breadcrumb-item__link, ::v-deep .n-icon {
			color: #1890ff !important;
		}
	}
}
</style>